.win{display: block;position: relative;width: 885px;height:182px;margin: 0 auto;}
.win .bs1{position: absolute;left: 166px;top:45px;}
.win .bs2{position: absolute;left: 400px;top:45px;}
.win .bs3{position: absolute;left: 630px;top:45px;}
.ten{position: absolute;z-index: 999;left:65px;top:48px;}
.ren{position: absolute;z-index: 999;left:290px;top:48px;}
.customer{position: absolute;z-index: 999;left:515px;top:48px;}
.designer{position: absolute;z-index: 999;left:750px;top:48px;}
.win .spinning-wing0{background:url(../images/sss1.png) no-repeat 0px 0;width: 182px;height: 182px;margin: 0;top: 0px;left: 0px;position: absolute;}
.win .spinning-wing1{background:url(../images/sss2.png) no-repeat 0px 0;width: 182px;height: 182px;margin: 0;top: 0px;left: 240px;position: absolute;}
.win .spinning-wing2{background:url(../images/sss3.png) no-repeat 0px 0;width: 182px;height: 182px;margin: 0;top: 0px;left: 465px;position: absolute;}
.win .spinning-wing3{background:url(../images/sss4.png) no-repeat 0px 0;width: 182px;height: 182px;margin: 0;top: 0px;left: 699px;position: absolute;}
.win:hover .spinning-wing0{z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
.win:hover .spinning-wing1{z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
.win:hover .spinning-wing2{z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
.win:hover .spinning-wing3{z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}

.windmill{display: block;position: relative;width: 55px;height:60px;margin: 0 auto;margin-top: 20px;}
.windmill .spinning-wing{background:url(../images/c_4.png) no-repeat 0px 0;width: 33px;height: 33px;margin: 0;top: 3px;left: 0;position: absolute;}
.windmill:hover .spinning-wing{z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate 4s linear infinite;-moz-animation: rotate 4s linear infinite;-o-animation: rotate 4s linear infinite;animation: rotate 4s linear infinite;}
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(359deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(359deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
to{transform: rotate(359deg)}
}
.windmill .c_bottom{top: 20px;left: 30px;position: absolute;background:url(../images/c_3.png) no-repeat 0px 0;width: 21px;height: 21px;}
.windmill:hover .c_bottom{margin: 0;z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
.windmill .c_top{top: 0;left: 30px;position: absolute;background:url(../images/c_3.png) no-repeat 0px 0;width: 21px;height: 21px;}
.windmill:hover .c_top{margin: 0;z-index: 88;-webkit-transition-property: -webkit-transform;-webkit-transition-duration: 1s;-moz-transition-property: -moz-transform;-moz-transition-duration: 1s;-webkit-animation: rotate2 4s linear infinite;-moz-animation: rotate2 4s linear infinite;-o-animation: rotate2 4s linear infinite;animation: rotate2 4s linear infinite;}
@-webkit-keyframes rotate2{from{-webkit-transform: rotate(0deg)}
to{-webkit-transform: rotate(-360deg)}
}
@-moz-keyframes rotate2{from{-moz-transform: rotate(0deg)}
to{-moz-transform: rotate(-359deg)}
}
@-o-keyframes rotate2{from{-o-transform: rotate(0deg)}
to{-o-transform: rotate(-359deg)}
}
@keyframes rotate2{from{transform: rotate(0deg)}
to{transform: rotate(-359deg)}
}

 .line_3d{width: 50px;margin: 0 auto;margin-top: 20px;}
.line_3d:hover{
 
    -webkit-animation-name:y-ain;
    -webkit-animation-duration:2s;
    -webkit-animation-timing-function:ease;
    -webkit-animation-iteration-count:infinite;
    }
       
@-webkit-keyframes y-ain{
    0%{-webkit-transform:rotateY(0deg);}
    50%{-webkit-transform:rotateY(180deg);}
    100%{-webkit-transform:rotateY(360deg);}
    }

.winners{display: block;position: relative;width: 55px;height:60px;margin: 0 auto;margin-top: 20px;}
.winners img{left: 135px;top:40px;}
.winners .fz_two{width: 50px;height: 54px;margin: 0;top: 0px;left: 0;position: absolute;}
.dengpao_list{width:50px; height:54px; position:absolute; left:122px; top:35px; z-index:3;}

.dengpao_list em,.dengpao_list span{display:block; position:absolute;}

.dengpao_list em{
  width:16px; height:0px; background:url(../images/dengxin.png) no-repeat left bottom; left:16px; bottom:14px;
  transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
}
.dengpao_list span{
  width:3px; height:3px; background:#8a49d9; left:23px; top:18px;
  transition:all .2s ease-out;
  -webkit-transition:all .2s ease-out;
  -o-transition:all .2s ease-out;
  -moz-transition:all .2s ease-out;
  -ms-transition:all .2s ease-out;
}

.dengpao:hover .dengpao_list em{height:27px;}

.dengpao:hover .dengpao_list span:nth-of-type(1){
  transform:translate(-17px,9px);
  transition-delay:.1s;
  -webkit-transform:translate(-17px,9px);
  -webkit-transition-delay:.1s;
  -o-transform:translate(-17px,9px);
  -o-transition-delay:.1s;
  -moz-transform:translate(-17px,9px);
  -moz-transition-delay:.1s;
  -ms-transform:translate(-17px,9px);
  -ms-transition-delay:.1s;
}
.dengpao:hover .dengpao_list span:nth-of-type(2){
  transform:translate(-19px,0px);
  transition-delay:.2s;
  -webkit-transform:translate(-19px,0px);
  -webkit-transition-delay:.2s;
  -o-transform:translate(-19px,0px);
  -o-transition-delay:.2s;
  -moz-transform:translate(-19px,0px);
  -moz-transition-delay:.2s;
  -ms-transform:translate(-19px,0px);
  -ms-transition-delay:.2s;
}
.dengpao:hover .dengpao_list span:nth-of-type(3){
  transform:translate(-17px,-10px);
  transition-delay:.3s;
  -webkit-transform:translate(-17px,-10px);
  -webkit-transition-delay:.3s;
  -o-transform:translate(-17px,-10px);
  -o-transition-delay:.3s;
  -moz-transform:translate(-17px,-10px);
  -moz-transition-delay:.3s;
  -ms-transform:translate(-17px,-10px);
  -ms-transition-delay:.3s;
}
.dengpao:hover .dengpao_list span:nth-of-type(4){
  transform:translate(-10px,-17px);
  transition-delay:.4s;
  -webkit-transform:translate(-10px,-17px);
  -webkit-transition-delay:.4s;
  -o-transform:translate(-10px,-17px);
  -o-transition-delay:.4s;
  -moz-transform:translate(-10px,-17px);
  -moz-transition-delay:.4s;
  -ms-transform:translate(-10px,-17px);
  -ms-transition-delay:.4s;
}
.dengpao:hover .dengpao_list span:nth-of-type(5){
  transform:translate(0px,-19px);
  transition-delay:.5s;
  -webkit-transform:translate(0px,-19px);
  -webkit-transition-delay:.5s;
  -o-transform:translate(0px,-19px);
  -o-transition-delay:.5s;
  -moz-transform:translate(0px,-19px);
  -moz-transition-delay:.5s;
  -ms-transform:translate(0px,-19px);
  -ms-transition-delay:.5s;
}
.dengpao:hover .dengpao_list span:nth-of-type(6){
  transform:translate(11px,-17px);
  transition-delay:.6s;
  -webkit-transform:translate(11px,-17px);
  -webkit-transition-delay:.6s;
  -o-transform:translate(11px,-17px);
  -o-transition-delay:.6s;
  -moz-transform:translate(11px,-17px);
  -moz-transition-delay:.6s;
  -ms-transform:translate(11px,-17px);
  -ms-transition-delay:.6s;
}
.dengpao:hover .dengpao_list span:nth-of-type(7){
  transform:translate(18px,-10px);
  transition-delay:.7s;
  -webkit-transform:translate(18px,-10px);
  -webkit-transition-delay:.7s;
  -o-transform:translate(18px,-10px);
  -o-transition-delay:.7s;
  -moz-transform:translate(18px,-10px);
  -moz-transition-delay:.7s;
  -ms-transform:translate(18px,-10px);
  -ms-transition-delay:.7s;
}
.dengpao:hover .dengpao_list span:nth-of-type(8){
  transform:translate(20px,0px);
  transition-delay:.8s;
  -webkit-transform:translate(20px,0px);
  -webkit-transition-delay:.8s;
  -o-transform:translate(20px,0px);
  -o-transition-delay:.8s;
  -moz-transform:translate(20px,0px);
  -moz-transition-delay:.8s;
  -ms-transform:translate(20px,0px);
  -ms-transition-delay:.8s;
}
.dengpao:hover .dengpao_list span:nth-of-type(9){
  transform:translate(18px,9px);
  transition-delay:.9s;
  -webkit-transform:translate(18px,9px);
  -webkit-transition-delay:.9s;
  -o-transform:translate(18px,9px);
  -o-transition-delay:.9s;
  -moz-transform:translate(18px,9px);
  -moz-transition-delay:.9s;
  -ms-transform:translate(18px,9px);
  -ms-transition-delay:.9s;
}
.sm{
                  height: 0;
                  width: 0;
                  position: absolute;                  
                  z-index: 1;
                  top: 25px;
                  left: 25px;
                  box-shadow: 0 0 0px 0px #ffffbe;                 
          -webkit-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          -ms-transition: .5s ease-in-out;
          transition: .5s ease-in-out;
                  opacity:.8;
              }
.img_t{
                position: absolute;                  
                  z-index: 2;
                  top: 0px;
                  left: 0px;
              }